.bgcolor {
    background-color: #111;
}

.navbar-default {
    border-color: unset;

    .navbar-brand {
        color: #fff;
        // 字母大写
        text-transform: uppercase;

        &:hover {
            color: #fff;
        }
    }

    .navbar-nav>li>a {
        color: #fff;
        border-bottom: 2px solid transparent;

        &:hover {
            color: #fff;
            border-bottom-color: red;
        }
    }
}

.navbar {
    border-radius: 0;
    min-height: 95px;
    margin-bottom: 0;
    border: none;
}


.navbar-nav>li {
    text-transform: uppercase;
    color: #fff;
}


#foot {
    width: 100%;
    height: 93px;
    background-color: #222222;

    &>.container {
        width: 80%;
        height: 93px;
        color: #a0a0a0;
        line-height: 93px;

        .foot-left {
            float: left;
        }

        .foot-right {
            float: right;

            img {
                margin-left: 4px;
            }
        }
    }
}

@media screen and (max-width:1280px) {
    .navbar {
        min-height: 55px;
    }

    #foot {
        background-color: #222222;

        .container {
            width: 100%;
            line-height: unset;
            span {
                font-size: 11px;
                width: 100%;
            }

            .foot-left {
                text-align: center;
                line-height: 13px;
                width: 100%;
                height: 13px;
                margin-top: 15px;
            }

            .foot-right {
                text-align: center;
                width: 100%;
                padding: 0;
                margin-top: 8px;
            }
        }
    }
}